<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>慕慕手记首页</title>
		<!-- 初始化样式 -->
		<link rel="stylesheet" href="css/base.css">
		<link rel="stylesheet" href="css/index.css">
	</head>
	<body>
		<div class="header">
			<div class="header-container clearfix">
				<div class="header-left fl">
					<span><a href="">慕课网首页</a></span>
					<span><a href="">免费课</a></span>
					<span><a href="">实战课</a></span>
					<span>
						<a href="">体系课</a>
						<img src="images/new.png" alt="">
					</span>
					<span><a href="">慕课教程</a></span>
					<span><a href="">专栏</a></span>
					<span><a href="">手记</a></span>
					<span>
						<a href="">企业服务</a>
						<img src="images/new.png" alt="">
					</span>
				</div>
				<div class="header-right fr">
					<span>
						<i class="iconfont">&#xe60d;</i>
					</span>
					<span>
						<i class="iconfont">&#xe73c;</i>
					</span>
					<span class="login">
						<span><a href="">登录</a></span>
						<span>/</span>
						<span><a href="">注册</a></span>
					</span>
					
				</div>
			</div>
			</div>
		<div class="sub-header clearfix">
			<div class="sub-header-container">
				<div class="sub-header-left fl">我是左侧</div>
				<div class="sub-header-right fr">我是右侧</div>
			</div>
			
			</div>
			<div class="article-container clearfix">
				<div class="left-menu fl">我是左侧的筛选菜单</div>
				<div class="article-warpper fl">我是文章列表</div>
			</div>
		
	</body>
</html>